var dom = document.getElementById("p_columnar");


var myChart = echarts.init(dom);
var app = {};
var option;
option = {
	grid: {
		top: '18%',
		right: '2%',
		bottom: '18%',
		left: '10%'
	},
	xAxis: {
		type: 'category',
		//boundaryGap: false,//去除图表四周留白
		axisTick: { //x轴刻度
			show: false
		},
		axisLine: { //x轴线条颜色
			show: true,
			lineStyle: {
				color: '#374186',
				width: 0.5
			}
		},
		axisLabel: {
			show: true,
			rotate: 40, //文字倾斜度
			textStyle: {
				color: '#b1bcff', //更改坐标轴文字颜色
				fontSize: 14 //更改坐标轴文字大小
			}
		},
		data: ['大乐透', '竞彩', '七星彩', '排3', '排5', '即开', '顶呱呱', '传足']
	},
	yAxis: {
		type: 'value',
		//interval: 100, //刻度值间隔值
		name: '万',
		nameTextStyle: {
			padding: [0, 30, 5, 0], // y轴name位置
			color: '#b1bcff', //更改坐标轴文字颜色
			fontSize: 15//更改坐标轴文字大小
		},
		splitLine: { //网格线
			lineStyle: {
				//type: 'dashed', //设置网格线类型 dotted：虚线   solid:实线
				color: '#374186', //网格线颜色
				width: 0.5
			},
		},
		axisLabel: {
			show: true,
			textStyle: {
				color: '#b1bcff', //更改坐标轴文字颜色
				fontSize: 15 //更改坐标轴文字大小
			}
		},
		axisLine: {
			//y轴线条颜色
			show: false,
		},
	},
animationDuration: 3000,
	series: [{
		barWidth: 20, //柱形宽度
		showBackground: false, //柱形背景色
		itemStyle: { //柱形渐变色
			normal: {
				//barBorderRadius: 6, //柱形圆角
				color: new echarts.graphic.LinearGradient(
					0, 0, 0, 1,
					[{
							offset: 0,
							color: '#188df0'
						},
						{
							offset: 1,
							color: '#36d1dc'
						}
					]
				),
			},
		},
		label: { //显示当前柱形数值
			show: true,
			position: 'top',
			textStyle: {
				color: '#15d0dd', //更改坐标轴文字颜色
				fontSize: 15 //更改坐标轴文字大小
			}
		},
		data: [49, 71, 106, 129, 144, 176, 135, 148],
		type: 'bar'
	}]
};

if (option && typeof option === 'object') {
	myChart.setOption(option);
};
